body {
    margin: 0px;
    padding: 0px;
}

.main-view {
    width: 100%;
    height: 100%;
    background:#ebebeb; 
    position: absolute;
	top:0px
}
.device_body {
    width: 100%;
    background: #fff;
}

.device_body .devictype {
    color: #1c1c1c;
    background: url(../img/icon.png) no-repeat 10px -250px;
    background-size: 50px;
    height: 50px;
    line-height: 50px;
    font-size: large;
    border-bottom:1px solid #ebebeb;
}
.device_body.otherdevice {
    margin-top: 10px;
}

.device_body.otherdevice .otherd {
    color: #1c1c1c;
    background: url(../img/icon.png) no-repeat 10px -297px;
    background-size: 50px;
    height: 50px;
    line-height: 50px;
    font-size: large;
    border-bottom: 1px solid #ebebeb;
}

.device_body.otherdevice .otherd>span  {
    margin-left: 60px;
}

.device_body .devictype>span {
    margin-left: 60px;
}
.list-ul{overflow: hidden;padding: 0px;margin: 0px;}
.itemWipe{
         line-height: 50px;
         border-bottom: 1px solid rgba(235, 235, 235, 0.28);
         position:relative;
         padding: 0 30px;
         color: #696969;
         background: #ffffff;
         list-style: none;
         -webkit-transform: translateX(0px);
     }
.btn{ position: absolute; top: 0; right: -80px; text-align: center; background: red; color: #fff; width: 80px}
.dele {
    position: absolute;
    width: 100%;
    height: 100%;
	display:none;
    top: 0px;
    z-index: 2;
	overflow: hidden;
    left: 0px;
    background: rgba(45, 44, 44, 0.43);
	transition: height 2s linear;
    -webkit-transition: height 2s linear;
}

.dele ul {
    position: absolute;
    width: 100%;
    background: #fff;
    height: 0px;
    bottom: -20px;
	left: 0px;
    text-align: center;
	transition: height 3s linear;
    -webkit-transition: height 3s linear;
}
.dele ul li {
    list-style: none;
    height: 60px;
}

li.title {
    color: #696969;
	line-height: 30px;
    font-size: large;
}

li.delet {
    color: #e64042;
    font-size: x-large;
	line-height:60px;
    border-top: 1px solid #ebebeb;
}

li.qx {
    color: #000;
    font-size: x-large;
	line-height:60px;
    border-top: 5px solid #ebebeb;
}
.dbottom {
    width: 100%;
    height: 50px;
    bottom: 0px;
    position: fixed;
    background: #fff;
}

#adddeivice {
    background: #00b4fe;
    border-radius: 100%;
    font-size: large;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 35px;
    text-align: center;
    position: relative;
    margin: 5px auto;
}
.con>span {
    position: relative;
    height: 88%;
    width: 60px;
    display: block;
    text-align: center;
    float: right;
}
span.fx {
    color: red;
}

span.zj {
    color: #00b4fe;
}
li.itemWipe .fx {
    position:absolute;
    right:50px;
    top:0px
}
li.itemWipe>.zj {
    position:absolute;
    right:120px;
    top:0px
}